<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<title>360EOL后台管理系统</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="__PUBLIC__/Teachers/css/reset.css">
<style>
	body{
		position: absolute;
		left: 0;right: 0;
		top: 0;bottom: 0;
	}
	#top{
		position: absolute;
		width:100%;
		height: 161px;
	}
	#left{
		position: absolute;
		top: 161px;
		left: 0;
		width:190px;
		border-right: 1px solid #cbcbcb; 
	}
	#main{
		position: absolute;
		top: 161px;
		left: 191px;
		z-index: 2;	
	}
	#mask{
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: #000;
		opacity: .3;
		filter: alpha(opacity=30);
		z-index: 1;
	}
</style>

</head>
<body>
	<iframe src="{:U('Teachers/index/top')}" id="top" name="top"></iframe>
	<iframe src="{:U('Teachers/index/left')}" id="left" name="left"></iframe>
	<iframe src="{:U('Teachers/BasicInfo/index')}" id="main"  name="main"  scrolling="auto"></iframe>
	<div id="mask"></div>
	<script src="__PUBLIC__/Teachers/js/jquery-1.11.1.min.js"></script>
	<script>
		$(function() {
			
			var H=0,W=0,W2=0,h=0,w=0;

			fullScreen();
			$(window).resize(function() {
				fullScreen();
			});

			function fullScreen(){
				H = $(window).height();
				W = $(window).width();
				W2 = $(document).width();

				// console.log(W-W2);

				h = $('#top').height();
				w = $('#left').width();

				$('#left').height(H-h);
				$('#main').height(H-h);
				// if (W!==W2) {
				// 	$('#main').width(W-w-1+17);
				// }
				$('#main').width(W-w-1);

				
			}
		});
	</script>
</body>
</html>